<template>
	<view>
		<view class="headimg flexcenter" @click="uploadImg()">
			<image src="../../static/image/system/hujiaofw.png" mode=""></image>
			<view class="xiangji"></view>
		</view>
		<view class="ffffff mainpadding_top flexbetween" style="margin-top: 60rpx;">
			<view class="titletext hei_text bold">昵稱</view>
			<input type="text"placeholder="請輸入" style="text-align: right;" class="hei_text main_size bold">
		</view>
		<view class="posibottom mainpadding" style="bottom: 0;">
			<view class="submitbtn">保存</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style lang="scss" scoped>
	.headimg {
		width: 120rpx;
		height: 120rpx;
		margin: 100rpx auto 0;
		padding-top: 30rpx;
		position: relative;
		image {
			width: 100%;
			height: 100%;
			border-radius: 50%;
		}
		.xiangji {
			width: 40rpx;
			height: 40rpx;
			position: absolute;
			bottom: 0;
			right: 0;
			background-size: 100% 100%;
			background-image: url('/static/image/system/avatarup.png');
		}
	}
</style>